function GetCount() {
	var myData = [
			['1', '设备1', '型号A0001', '防火墙1','V6.012B',"100G","4G","4G","8","5","50M", '受控'],
			['2', '设备2', '型号A0002', '防火墙2','V6.012B',"100G","4G","4G","8","5","50M", '受控'],
			['3', '设备3', '型号A0003', '防火墙3','V6.012B',"100G","4G","4G","8","5","50M", '不受控'],
			['4', '设备4', '型号A0004', '防火墙4','V6.012B',"100G","4G","4G","8","5","50M", '不受控'],
			['5', '设备5', '型号A0005', '防火墙5','V6.012B',"100G","4G","4G","8","5","50M", '受控']
	];



	
   // shared reader
    var reader = new Ext.data.ArrayReader({}, [
       			{
							name : 'id'
						}, {
							name : 'name'
						}, {
							name : 'type'
						}, {
							name : 'firewallname'
						}, {
							name : 'version'
						}, {
							name : 'flash'
						}, {
							name : 'mem'
						}, {
							name : 'CPU'
						}, {
							name : 'link'
						}, {
							name : 'content'
						}, {
							name : 'flow'
						}, {
							name : 'status'
						}
    ]);

    var store = new Ext.data.GroupingStore({
            reader: reader,
            data: myData,
            sortInfo:{field: 'id', direction: "ASC"}
        });



	
	var sm = new Ext.grid.CheckboxSelectionModel();
	var grid = new Ext.grid.GridPanel({
				store : store,
				title:'防火墙状态列表',
				columns : [sm, {
							id : 'id',
							header : 'id',
							width : 10,
							sortable : true,
							dataIndex : 'id',
							hidden : true
						}, {
							header : '名称',
							width : 50,
							sortable : true,
							dataIndex : 'name'
						}, {
							header : '型号',
							width : 100,
							sortable : true,
							dataIndex : 'type'
						}, {
							header : '防火墙名称',
							width : 100,
							sortable : true,
							dataIndex : 'firewallname'
						}, {
							header : '版本',
							width : 100,
							sortable : true,
							dataIndex : 'version'
						}, {
							header : 'Flash大小',
							width : 100,
							sortable : true,
							dataIndex : 'flash'
						}, {
							header : '内存大小',
							width : 70,
							sortable : true,
							dataIndex : 'mem'
						}, {
							header : 'CPU',
							width : 70,
							sortable : true,
							dataIndex : 'CPU'
						}, {
							header : '连接数',
							width : 70,
							sortable : true,
							dataIndex : 'link'
						}, {
							header : '每秒新建连接数',
							width : 100,
							sortable : true,
							dataIndex : 'content'
						}, {
							header : '端口流量',
							width : 70,
							sortable : true,
							dataIndex : 'flow'
						}, {
							header : '管理状态',
							width : 70,
							sortable : true,
							dataIndex : 'status'
						}],
				sm : sm,
				
				tbar : [{
							text : '查看',
							tooltip : '查看',
							iconCls : 'tip',
							ref : '../browseBtn',
							disabled : true,
							handler : function() {	
								SetCount();
							}
						}, '-', {
							text : '查找',
							tooltip : '查找',
							iconCls : 'search',
							handler : function() {							
							}
						}, '-', {
							text : '刷新',
							tooltip : '刷新',
							iconCls : 'refresh',
							handler : function() {							
								store.loadData(myData);
							}
						}],
				stripeRows : true,
				autoExpandColumn : 'id',
				stateful : true,
				region : 'west',
				height : 200,
				width : 650,
				stateId : 'infogrid'
			});

	
	grid.getSelectionModel().on('selectionchange', function(sm) {
				grid.browseBtn.setDisabled(sm.getCount() != 1);
	});
	
	
	var myData_1 = [
			['1', '申请单1', 'ACL申请单','添加规则','未审批','未执行','审批','test1','2012-02-22 12:00:12','2012-02-22 12:00:12','test1','2012-04-23 14:00:12','test2'],
			['2', '申请单2', 'ACL申请单','修改规则','未审批','未执行','审批','test1','2012-02-22 12:00:12','2012-02-22 12:00:12','test1','2012-04-23 14:00:12','test2'],
			['3', '申请单3', 'ACL申请单','删除规则','未通过审批','已执行','审批','test1','2012-02-22 12:00:12','2012-02-22 12:00:12','test1','2012-04-23 14:00:12','test2']
	];


	var store_1 = new Ext.data.ArrayStore({
				fields : [{
							name : 'id'
						}, {
							name : 'name'
						}, {
							name : 'desc'
						}, {
							name : 'type'
						}, {
							name : 'applystatus'
						}, {
							name : 'runstatus'
						}, {
							name : 'apply'
						}, {
							name : 'applyname'
						}, {
							name : 'applytime'
						}, {
							name : 'createtime'
						}, {
							name : 'creator'
						}, {
							name : 'modifytime'
						}, {
							name : 'modifier'
						}]
			});
			



	store_1.loadData(myData_1);
	var sm_1 = new Ext.grid.CheckboxSelectionModel();
	var grid_1 = new Ext.grid.GridPanel({
				title:'未处理申请单列表',
				store : store_1,
				columns : [sm_1, {
							id : 'id',
							header : 'id',
							width : 10,
							sortable : true,
							dataIndex : 'id',
							hidden : true
						}, {
							header : '申请单名称',
							width : 70,
							sortable : true,
							dataIndex : 'name'
						}, {
							header : '描述',
							width : 70,
							sortable : true,
							dataIndex : 'desc'
						}, {
							header : '申请单类型',
							width : 70,
							sortable : true,
							dataIndex : 'type'
						}, {
							header : '审批状态',
							width : 70,
							sortable : true,
							dataIndex : 'applystatus'
						}, {
							header : '执行状态',
							width : 70,
							sortable : true,
							dataIndex : 'runstatus'
						}, {
							header : '审批',
							width : 60,
							sortable : true,
							dataIndex : 'apply',
							renderer: renderTopic
						}, {
							header : '审批者',
							width : 60,
							sortable : true,
							dataIndex : 'applyname'
						}, {
							header : '审批时间',
							width : 130,
							sortable : true,
							dataIndex : 'applytime'
						}, {
							header : '创建者',
							width : 60,
							sortable : true,
							dataIndex : 'creator'
						}, {
							header : '创建时间',
							width : 130,
							sortable : true,
							dataIndex : 'createtime'
						}, { 
							header : '修改者',
							width : 70,
							sortable : true,
							dataIndex : 'modifier'
						}, {
							header : '修改时间',
							width : 150,
							sortable : true,
							dataIndex : 'modifytime'
						}],
				sm : sm_1,
				tbar : [{
							text : '添加',
							tooltip : '添加',
							iconCls : 'add',
							handler : function() {
								SetACLApply();
							}
						}, '-', {
							text : '编辑',
							tooltip : '编辑',
							iconCls : 'modify',
							ref : '../modifyBtn',
							id:'modifyBtn',
							name:'modifyBtn',
							handler : function() {
								SetACLApply();
							}
						}, '-', {
							text : '删除',
							tooltip : '删除',
							iconCls : 'delete',
							ref : '../removeBtn',
							disabled : true,
							handler : function() {
								var s = grid.getSelectionModel().getSelections();
								for (var i = 0; r = s[i]; i++) {
									store.remove(r);
								}
							}
						}, '-', {
							text : '查找',
							tooltip : '查找',
							iconCls : 'search',
							handler : function() {							
							}
						}, '-', {
							text : '刷新',
							tooltip : '刷新',
							iconCls : 'refresh',
							handler : function() {							
								store.loadData(myData);
							}
						}],
				stripeRows : true,
				autoExpandColumn : 'id',
				stateful : true,
				region : 'center',
				stateId : 'aclapplygrid11_1'
			});


function renderTopic(value, p, record){
				return String.format("<a href='javascript:void(null)' onclick='javascript:ACLApplying();'>{0}</a>",value);
    }		
	
var myData_2 = [
			['1', '未处理', '2010-08-08 12:12:12', '警告1', '设备1','警告类型',"192.168.1.1","详细警告详"],
			['2', '未处理', '2010-08-08 12:12:12', '警告2', '设备1','警告类型',"192.168.1.1","详细警告"],
			['3', '未处理', '2010-08-08 12:12:12', '警告3', '设备1','警告类型',"192.168.1.1","详细警告"],
			['4', '已处理', '2010-08-08 12:12:12', '警告4', '设备2','警告类型',"192.168.1.1","详细警告"],
			['5', '已处理', '2010-08-08 12:12:12', '警告5', '设备2','警告类型',"192.168.1.1","详细警告"],
			['6', '已处理', '2010-08-08 12:12:12', '警告6', '设备2','警告类型',"192.168.1.1","详细警告"],
			['7', '已处理', '2010-08-08 12:12:12', '警告7', '设备2','警告类型',"192.168.1.1","详细警告"],
			['8', '已处理', '2010-08-08 12:12:12', '警告8', '设备2','警告类型',"192.168.1.1","详细警告"]
	];



	
   // shared reader
    var reader_2 = new Ext.data.ArrayReader({}, [
       			{
							name : 'id'
						}, {
							name : 'status'
						}, {
							name : 'timer'
						}, {
							name : 'warnname'
						}, {
							name : 'devicename'
						}, {
							name : 'warntype'
						}, {
							name : 'deviceIP'
						}, {
							name : 'desc'
						}
    ]);

    var store_2 = new Ext.data.GroupingStore({
            reader: reader_2,
            data: myData_2,
            sortInfo:{field: 'id', direction: "ASC"}
        });



	
	var sm_2 = new Ext.grid.CheckboxSelectionModel();
	var grid_2 = new Ext.grid.GridPanel({
				store : store_2,
				title:'最新8条警告信息列表',
				columns : [sm_2, {
							id : 'id',
							header : 'id',
							width : 10,
							sortable : true,
							dataIndex : 'id',
							hidden : true
						}, {
							header : '状态',
							width : 50,
							sortable : true,
							dataIndex : 'status'
						}, {
							header : '时间',
							width : 100,
							sortable : true,
							dataIndex : 'timer'
						}, {
							header : '警告策略名',
							width : 100,
							sortable : true,
							dataIndex : 'warnname'
						}, {
							header : '设备名',
							width : 100,
							sortable : true,
							dataIndex : 'devicename'
						}, {
							header : '警告类型',
							width : 100,
							sortable : true,
							dataIndex : 'warntype'
						}, {
							header : '设备IP',
							width : 70,
							sortable : true,
							dataIndex : 'deviceIP'
						}, {
							header : '警告详细',
							width : 70,
							sortable : true,
							dataIndex : 'desc',
							renderer: renderTopic1
						}],
				sm : sm_2,
				view: new Ext.grid.GroupingView({
		            forceFit:true,
		            startCollapsed : true ,
		            groupTextTpl: '{text} ({[values.rs.length]} {[values.rs.length > 1 ? "条" : "条"]})'
		        }),
		    tbar : [{
							text : '标记为已处理',
							tooltip : '标记为处理',
							iconCls : 'flag'
						}, '-', {
							text : '删除',
							tooltip : '删除',
							iconCls : 'delete',
							ref : '../removeBtn',
							disabled : true,
							handler : function() {
								var s = grid.getSelectionModel().getSelections();
								for (var i = 0; r = s[i]; i++) {
									store.remove(r);
								}
							}
						}, '-', {
							text : '查找',
							tooltip : '查找',
							iconCls : 'search',
							handler : function() {							
								WarnSearchWindows(SearchReturn);
							}
						}, '-', {
							text : '刷新',
							tooltip : '刷新',
							iconCls : 'refresh',
							handler : function() {							
								store.loadData(myData);
							}
						}],
				stripeRows : true,
				autoExpandColumn : 'id',
				stateful : true,
				region : 'center',
				height : 200,
				stateId : 'infogrid_2'
				
				
			});	
		function renderTopic1(value, p, record){
				
        return String.format("<a href='javascript:void(null)' onclick='javascript:Ext.MessageBox.alert(\"警告详细\", \"{0}\");'>{1}</a>",value,value);
    }

	var myData_3 = [
			['1', '设备1', '部分符合', '不符','符合',"冲突"],
			['2', '设备2', '不符', '符合','符合',"冲突"],
			['3', '设备3', '部分符合', '不符','符合',"冲突"],
			['4', '设备4', '不符', '符合','符合',"冲突"],
			['5', '设备5', '部分符合', '不符','符合',"冲突"]
	];



	
   // shared reader
    var reader_3 = new Ext.data.ArrayReader({}, [
       			{
							name : 'id'
						}, {
							name : 'device'
						}, {
							name : 'ISO27001'
						}, {
							name : 'PCI-DSS'
						}, {
							name : 'dengbao'
						}, {
							name : 'applybasc'
						}
    ]);

    var store_3 = new Ext.data.GroupingStore({
            reader: reader_3,
            data: myData_3,
            sortInfo:{field: 'id', direction: "ASC"}
        });



	
	var sm_3 = new Ext.grid.CheckboxSelectionModel();
	var grid_3 = new Ext.grid.GridPanel({
				store : store_3,
				title:'当前风险情况',
				columns : [sm_3, {
							id : 'id',
							header : 'id',
							width : 10,
							sortable : true,
							dataIndex : 'id',
							hidden : true
						}, {
							header : '设备',
							width : 70,
							sortable : true,
							dataIndex : 'device'
						}, {
							header : 'ISO27001',
							width : 70,
							sortable : true,
							dataIndex : 'ISO27001'
						}, {
							header : 'PCI-DSS',
							width : 70,
							sortable : true,
							dataIndex : 'PCI-DSS'
						}, {
							header : '等保',
							width : 70,
							sortable : true,
							dataIndex : 'dengbao'
						}, {
							header : '策略基线',
							width : 70,
							sortable : true,
							dataIndex : 'applybasc'
						}],
				sm : sm_3,
				
			
				stripeRows : true,
				autoExpandColumn : 'id',
				stateful : true,
				region : 'west',
				width : 650,
				stateId : 'infogrid_3'
			});

	


  var centerPanel = new Ext.Panel({
        layout : 'border',
        region : 'center',
        height : 200,
        items: [grid_3,grid_1]
    });	


	var Store1 = new Ext.data.JsonStore({
				fields : ['season', 'total'],
				data : [{
							season : '128.168.0.0/16',
							total : 35
						}, {
							season : '94.130.0.0/15',
							total : 20
						}, {
							season : '143.49.0.0/15',
							total : 17
						}, {
							season : '152.147.0.0/15',
							total : 12
						}, {
							season : '150.141.0.0/15',
							total : 12
						}]
			});
	var Store2 = new Ext.data.JsonStore({
				fields : ['season', 'total'],
				data : [{
							season : 'tcp 80',
							total : 406
						}, {
							season : 'tcp 443',
							total : 201
						}, {
							season : 'tcp 8888',
							total : 27
						}]
			});
	var Store3 = new Ext.data.JsonStore({
				fields : ['season', 'total'],
				data : [{
							season : 'WWW_server',
							total : 20
						}, {
							season : '192.168.13.30',
							total : 5
						}, {
							season : '192.168.13.96',
							total : 1
						}, {
							season : '192.168.13.97',
							total : 1
						}, {
							season : '192.168.13.98',
							total : 1
						}, {
							season : '192.168.13.99',
							total : 1
						}, {
							season : '192.168.13.100',
							total : 1
						}]
			});
		
		var tab1 = new Ext.Panel({
					id : "1",
					title : "Top 10 Malware Sites",
					region : 'west',
					columnWidth:0.33,
					height : 300,
					items : {
						id:'pie1',
						store : Store1,
						xtype : 'piechart',
						dataField : 'total',
						categoryField : 'season',
						extraStyle : {
							legend : {
								display : 'right',
								padding : 5,
								font : {
									size : 13
								}
							}
						}
					}   
				});
		var tab2 = new Ext.Panel({
					id : "2",
					title : "Top 10 Malware Ports",
					region : 'center',
					columnWidth:0.33,
					 height : 300,
					items : {
						id:'pie2',
						store : Store2,
						xtype : 'piechart',
						dataField : 'total',
						categoryField : 'season',
						extraStyle : {
							legend : {
								display : 'right',
								padding : 5,
								font : {
									size : 13
								}
							}
						}
					}   
				});
		var tab3 = new Ext.Panel({
					id : "3",
					title : "Top 10 Malware Hosts",
					region : 'east',
					columnWidth:0.34,
					 height : 300,
					items : {
						id:'pie3',
						store : Store3,
						xtype : 'piechart',
						dataField : 'total',
						categoryField : 'season',
						extraStyle : {
							legend : {
								display : 'right',
								padding : 5,
								font : {
									size : 13
								}
							}
						}
					}   
				});
    var southPanel = new Ext.Panel({
        layout : 'column',
        region : 'north',
        height : 300,
        items: [tab1,tab2,tab3]
    });	
    var northPanel = new Ext.Panel({
        layout : 'border',
        region : 'south',
        height : 200,
        items: [grid,grid_2]
    });	
	var count = new Ext.Panel({
				frame : true,
				layout : 'form',
				autoScroll: true,
				bodyStyle: "background-color:#ffffff", 
				items : [southPanel,centerPanel,northPanel]
			})
	
	return count;	
	}


function SetCount(){

	
	var MyData_cpu = new Ext.data.JsonStore({
				fields : ['name', 'usage'],
				data : [{
							name : '08:01',
							usage : 5
						}, {
							name : '08:02',
							usage : 10
						}, {
							name : '08:03',
							usage : 20
						}, {
							name : '08:04',
							usage : 30
						}, {
							name : '08:05',
							usage : 20
						}, {
							name : '08:06',
							usage : 50
						}, {
							name : '08:07',
							usage : 20
						}, {
							name : '08:08',
							usage : 10
						}]
			});		
	var MyData_mem = new Ext.data.JsonStore({
				fields : ['name', 'usage'],
				data : [{
							name : '08:01',
							usage : 201
						}, {
							name : '08:02',
							usage : 501
						}, {
							name : '08:03',
							usage : 524
						}, {
							name : '08:04',
							usage : 632
						}, {
							name : '08:05',
							usage : 521
						}, {
							name : '08:06',
							usage : 850
						}, {
							name : '08:07',
							usage : 256
						}, {
							name : '08:08',
							usage : 223
						}]
			});		
		
	var MyData_disk = new Ext.data.JsonStore({
				fields : ['name', 'usage'],
				data : [{
							name : '08:10',
							usage : 10
						}, {
							name : '08:20',
							usage : 20
						}, {
							name : '08:30',
							usage : 20
						}, {
							name : '08:40',
							usage : 30
						}, {
							name : '08:50',
							usage : 23
						}, {
							name : '09:00',
							usage : 33
						}, {
							name : '09:10',
							usage : 44
						}, {
							name : '09:20',
							usage : 52
						}]
			});		
		
	var centerPanel = new Ext.Panel({
        width: 600,
        height: 400,
        region : 'center',
        layout : 'border',
        items: [
        		{
							region: 'north',
							title:'CPU Usage(MB)[当前CPU:10%]',
							height: 200,
							items : {
								xtype : 'linechart',
								store : MyData_cpu,
								xField : 'name',
								
								series: [{
									yField: 'usage',
									style: {
										color: 0x88ff88,
										size: 4,
										lineSize: 1
									}
								}]
							}
							
						},{
							region: 'center',
							title:'Memory Usage(MB)[已用:300M  已用比例:30%  总内存:1000M]',
							items : {
								xtype : 'linechart',
								store : MyData_mem,
								xField : 'name',
								
								series: [{
									yField: 'usage',
									style: {
										color: 0x88ff88,
										size: 4,
										lineSize: 1
									}
								}]
							}
						},{
							region: 'south',
							title:'Disk Usage(MB)[已用空间:300M  已用比例:30%  总空间:1000M]',
							height: 200,
							items : {
								xtype : 'linechart',
								store : MyData_disk,
								xField : 'name',
								
								series: [{
									yField: 'usage',
									style: {
										color: 0x88ff88,
										size: 4,
										lineSize: 1
									}
								}]
							}
						}
        ]

			});
    
    
	
	var setWindows = new Ext.Window({
				layout : 'border',
				width : 600,
				height : 800,
				title : "运行监控",
				modal : true,
				resizable : true,
				maximizable : true,
				iconCls : 'tip',
				items : [centerPanel],
				plain : true
				
			});
	
	setWindows.show();
}